<html> 

<head>
  <link rel="stylesheet" type="text/css" href="css/gallery.css" />

  <script src='js/jquery-1.6.4.min.js' type='text/javascript'> </script>
  <script src='js/jq-ig.js' type='text/javascript' /> </script>
  <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
  <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
  <title>jQuery Image Gallery Plugin :: DEMO</title>
</head>

<body>
<script type="text/javascript">
    $(document).ready(function() {  //-- default jQuery call, do stuff when page is loaded
        $("#image-gallery").jqig({  //--specify your DIV's ID here
            username: 'nopash',  //--REPLACE WITH YOUR PICASA NAME!!!!
            pagination : {
              enable : true,
              position : 'both', //'bottom',
              imgPerPage: 15,  // config for render image per page
            },
            thumbsize: 144, // default:104, Thumbnail size can be varied by following value 32, 48, 64, 72, 104, 144, 150, 160 
            enableImageCaption: true,
        });
    });
</script>

<h1>Demo basic gallery here</h1>
<div class="wrapper" style="margin-left:100px">
  <div id="image-gallery"></div>
</div>
</body>
</html>